﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Signup.aspx.cs" Inherits="eProcurement.Signup" MaintainScrollPositionOnPostback="true" %>

<%@ Register Src="~/controls/Login.ascx" TagPrefix="uc1" TagName="Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Sign Up</title>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/carousel.css" rel="stylesheet" />
    <link href="css/errorstyle.css" rel="stylesheet" />
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="navbar-wrapper">
            <div class="container">
                <div class="navbar navbar-inverse navbar-static-top" role="navigation">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="Default.aspx">eTender</a>
                        </div>
                        <div class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="Default.aspx">Home</a></li>
                                <li><a href="AboutUs.aspx">About Us</a></li>
                                <li><a href="ContactUs.aspx">Contact</a></li>
                            </ul>
                            <ul class="nav navbar-nav navbar-right">
                                <li>
                                    <uc1:Login runat="server" ID="Login" />
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="">
                    <h1 class="page-header">Create an eTender Account as a Supplier</h1>
                    <h4>Already have an account? <strong><a href="Login.aspx">Click here to Login</a></strong></h4>
                    <br />
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><strong>Step 1:</strong> Profile Details</h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-horizontal" role="form">
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtCompanyName" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Company Name</label>
                                    <div class="col-sm-9">
                                        <input type="text" runat="server" class="form-control" id="txtCompanyName" placeholder="Company XYZ" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Website</label>
                                    <div class="col-sm-9">
                                        <input type="text" runat="server" class="form-control" id="txtWebsite" placeholder="http://www.website.com" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtAddress1" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Address 1</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtAddress1" placeholder="Address/Street 1" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Address 2</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtAddress2" placeholder="Address/Street 2" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator8" runat="server" ControlToValidate="txtCity" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">City</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtCity" placeholder="Enter City" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator9" runat="server" ControlToValidate="txtDescription" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Description</label>
                                    <div class="col-sm-9">
                                        <textarea type="text" rows="4" class="form-control" runat="server" id="txtDescription" placeholder="Create a Company description"></textarea>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <!-- PERSONAL DETAILS -->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><strong>Step 2:</strong> Personal Details</h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-horizontal" role="form">
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtFirstname" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">First Name</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtFirstname" placeholder="First Name" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator7" runat="server" ControlToValidate="txtLastname" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Last Name</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtLastname" placeholder="Last Name" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Job Title</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtJobTitle" placeholder="Your Job Title" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator10" runat="server" ControlToValidate="txtTelephone" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Telephone</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtTelephone" placeholder="(868) 432-1234" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-2 control-label">Fax</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtFax" placeholder="(868) 444-1234" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title"><strong>Step 3:</strong> Account Details</h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-horizontal" role="form">
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtUsername" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator CssClass="required" ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtUsername" ErrorMessage="*" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Email Address</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" runat="server" id="txtUsername" placeholder="johndoe@email.com" />
                                    </div>
                                    <label for="inputEmail3" class="col-sm-2 control-label"></label>
                                    <div class="col-sm-10">
                                        <div class="label label-info" runat="server" id="erruser" visible="false" role="alert">This user already exists!</div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtPassword" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Password</label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" runat="server" id="txtPassword" placeholder="Create a strong password" />
                                    </div>
                                    <label for="inputEmail3" class="col-sm-2 control-label"></label>
                                    <div class="col-sm-10">
                                        <div class="label label-info" runat="server" id="errpwdlength" visible="false" role="alert">Your password must be at least 6 characters long!</div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <asp:RequiredFieldValidator CssClass="required" ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtCPassword" ErrorMessage="*"></asp:RequiredFieldValidator>
                                    <label for="inputEmail3" class="col-sm-2 control-label">Confirm Password</label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" runat="server" id="txtCPassword" placeholder="Confirm your password" />
                                    </div>
                                    <label for="inputEmail3" class="col-sm-2 control-label"></label>
                                    <div class="col-sm-10">
                                        <div runat="server" id="lblPasswordMatchError" visible="false" class="label label-info" role="alert">Your passwords must match!</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <p>
                    <asp:CheckBox ID="chkAgree" CssClass="" runat="server" Text="I have read and agree to the terms and services" />
                </p>
                <p>
                    <asp:Button ID="btnRegister" CssClass="btn btn-primary" runat="server" Text="Create My Account" OnClick="btnRegister_Click" />
                </p>
            </div>
            <div class="container">
                <hr class="featurette-divider" />
                <footer>
                    <p class="pull-right"><a href="#">Back to top</a></p>
                    <p>© 2014 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
                </footer>
            </div>
        </div>
    </form>
</body>
</html>
